// Fonts
@import url('https://fonts.googleapis.com/css?family=Nunito');

// Variables
@import 'variables';

// Bootstrap
@import '~bootstrap/scss/bootstrap';

//warehouse-booking
.Booking-create-page{

    .required-highlight{
        color: red;
        position: relative;
        top:2px;
        padding-right:5px;
        left: 3px;
    }

    .custom-file-label,input,.custom-file-label::after{
        font-size: 12px;
        background: #F7F7F7;
        color: #888888;
        padding: 1.375rem 0.75rem;
    }

    .custom-file-label{
        width: 97%;
        margin-left: 1%;
    }

    .custom-file-label,.custom-file-label::after{
        line-height: 0.6;
    }

    .custom-file-input:lang(zh) ~ .custom-file-label::after {
        content: "点击上传";
    }

    .date-placeholder:before{
        content: '预约时间';
    }

    .form-group{
        position: relative;
    }

    .placeholder-required-highlight{
        position: absolute;
        top:14px;
        left:5px;
        color: red;
    }

    /*.form-control{
        display: inline-block;
    }*/
}

#pro * {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
    box-sizing: border-box;
}

#pro .clearfix:after {
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}

#pro .clearfix {
    display: inline-table;
}

#pro .clearfix {
    height: 1%;
}

#pro .clearfix {
    display: block;
}

#pro .clearfix {
    min-height: 1%;
}

#pro .che_tit {
    text-align: center;
    padding: 20px;
}

#pro .ul_pro {
    background-color: #CED3D9;
    text-align: center;
    padding: 4px 2px;
    font-size: 14px;
}

#pro .ul_pro li {
    float: left;
    width: 11.11%;
    padding: 2px;
    box-sizing: border-box;
}

#pro .ul_pro .li_close {
    float: right;
    width: 22.22%;
}

#pro .ul_pro .li_close span {
    background-color: #ACB3BB;
}

#pro .ul_pro .li_clean {
    float: right;
    width: 22.22%;
}

#pro .ul_pro li span {
    display: block;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 2px 2px 2px #888888;
    /* max-width:48px; margin:0 auto; */
    line-height: 32px;
    padding-top: 2px;
}

#pro .ul_pro li span:active {
    background-color: #4DA9F2;
    color: #fff;
}

#pro .ul_input {
    padding: 20px;
    width: 350px;
    margin: 0 auto;
}

#pro .ul_input li {
    float: left;
    width: 14%;
    padding: 2px;
    text-align: center;
}

#pro .ul_input li span {
    display: block;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 40px;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
}

#pro .ul_keybord {
    background-color: #CED3D9;
    text-align: center;
    padding: 4px 2px;
    font-size: 14px;
}

#pro .ul_keybord li {
    float: left;
    width: 10%;
    padding: 2px;
    box-sizing: border-box;
}

#pro .ul_keybord .ikey20 {
    margin-left: 5%;
}

#pro .ul_keybord .li_w {
    width: 11.11%;
}

#pro .ul_keybord .li_close {
    float: right;
    width: 22.22%;
}

#pro .ul_keybord .li_close span {
    background-color: #ACB3BB;
}

#pro .ul_keybord .li_clean {
    float: right;
    width: 22.22%;
}

#pro .ul_keybord li span {
    display: block;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 2px 2px 2px #888888;
    /* max-width:48px; margin:0 auto; */
    line-height: 32px;
    padding-top: 2px;
}

#pro .ul_keybord li span:active {
    background-color: #4DA9F2;
    color: #fff;
}
